#outer{
    width: 1600px;
    height: 300px;
    
    
    
    background-repeat: no-repeat;
    z-index: 0;
    position: relative;
}
.login-left{
    width: 29%;
    height: 962px;
    background-color: aqua;
    float: left;
}
.i{
    width: 300px;
    height: 300px;
}
.login-left .login-txt{
    color: black;
    font-style: oblique;
    font-size: 40px;
    font-weight: bolder;
    margin-top: 45%;
}

#outer .user-input{
    width: 500px;
    height: 400px;
    border: 2px solid black;
    z-index: 1;
    position: absolute;
    right: 200px;
    bottom: 100px;
    top: 100px; 
    margin: 100px auto;
    
}
input{
    width: 300px;
    height: 35px;
    
    
}
.user-input .info{
    position: relative;
}
.user-input .info .info-span1{
    position: absolute;
    top: 65px;
    right: 225px;
    
}


.input-accont{
    font-size: 20px;
    position: absolute;
    top: 140px;
    left: 90px;
}
.input-pass{
    font-size: 20px;
    position: absolute;
    top: 200px;
    left: 90px;
}
.pro-one a{
    font-size: 20px;
    position: absolute;
    top: 330px;
    left: 80px;
    text-decoration: none;
    /* background-color: slategray; */
    color: black;
}
.pro-two a{
    font-size: 20px;
    position: absolute;
    top: 330px;
    right: 80px;
    text-decoration: none;
    /* background-color: slategray; */
    color: black;
}


.logbutton button a{
    font-size: 20px;
    position: absolute;
    top:275px ;
    right: 280px;
    text-decoration: none;
    /* background-color: turquoise; */
    color: black;
}
.regbutton button a{
    font-size: 20px;
    position: absolute;
    top:275px ;
    left: 280px;
    text-decoration: none;
    /* background-color: turquoise; */
    color: black;
}